<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>文件列表</title>
    <link href="style/bootstrap.css" rel="stylesheet">
    <link href="style/bootstrap-responsive.css" rel="stylesheet">
	<style type="text/css">
		body{
			padding-top:70px;
		}
		.clear{
			clear:both;
		}

		.wall{
			padding: 15px;
			border:1px solid #DDDDDD;
			border-top:0px;
		}
		.container{
			width:940px;
		}
	
		table{
			font-size: 13px;
		}
		
		input{
			height: 30px;
		}
	</style>
  </head>
  
  <body>
    
      	<!--新建文件夹 modal -->
        <div class="modal fade doc_modal" id="folder_Modal">
		  <div class="modal-header">
			<a class="close" data-dismiss="modal">×</a>
			<h3>新建文件夹</h3>
			</div>
			<div class="modal-body">
			          <div class="control-group">
			            <label for="input01" class="control-label">文件夹名称</label>
			            <div class="controls">
			              <input type="text" x-webkit-speech="undefined" id="input01" class="span3">
			            </div>
			          </div>
			</div>
		    <div class="modal-footer">
				<a href="#" class="btn btn-primary">确认</a>
				<a href="#" class="btn" data-dismiss="modal">取消</a>
			</div>
	    </div>
    
    
    <div class="container">
		<!--top-->
		 <%@ include file="top.jsp" %>
	    <!--content-->

	    <div class="container-fluid">
		    <div class="row-fluid">
			    <div class="span2">
			    	<!--Sidebar content-->
			    	<%@ include file="left.jsp" %>
			    </div>
			    <div class="span9">
			    	<!--Body content-->
		        	<ul style="margin-bottom:0px;border-radius: 3px 3px 0 0;margin-top:15px" class="breadcrumb">
						<li class="active">
							<a href="task.jsp"><i class="icon-th"></i>文件列表</a>
						</li>
						<li style="float:right"><i class="icon-plus"></i><a class="link-black add_folder" href="javascript:void(0)">创建文件夹</a></li>
					</ul>
					<div class="wall">
						<table class="table table-striped">
							<thead>
								<tr>
									<th width="40px"></th>
									<th width="60%">名称</th>
									<th width="20%">大小</th>
									<th>创建人</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>
										<img src="img/icons/folder.png">
									</td>
									<td><a href="singlefile.jsp">客户资料</a></td>
									<td>17files at 5.5MB</td>
									<td>樊凯</td>
								</tr>
								<tr>
									<td>
										<img src="img/icons/folder.png">
									</td>
									<td><a href="#">设计文档</a></td>
									<td>176files at 3456MB</td>
									<td>樊凯</td>
								</tr>
								<tr>
									<td>
										<img src="img/icons/folder.png">
									</td>
									<td><a href="#">设计文档</a></td>
									<td>17files at 5.5MB</td>
									<td>樊凯</td>
								</tr>
							</tbody>
						</table>
					</div>

			      </div>
			    
			    </div>
		    </div>
	    </div>
	        	
    
    
    
    
    
    
    
    
    
    <script src="script/jquery-1.7.1.min.js"></script>
    <script src="script/bootstrap-dropdown.js"></script>
    <script src="script/bootstrap-modal.js"></script>
    <script type="text/javascript">
    
    	/*上传资料*/
    	$(document).ready(function(){
    		$(".add_folder").click(function(){
    			$('#folder_Modal').modal('show');
    		});
    		
    	});
    </script>
  </body>
</html>
